<template>
	<NavBar title="用户协议" bgc="#fff"/>
	<view class="user-agreement" v-html="text">
	</view>
</template>
<script setup>
	import { ref } from 'vue';
	import { onLoad } from '@dcloudio/uni-app'
	import { useCommStore } from '@/store/index.js'
	import NavBar from '@/components/NavBar.vue';
	const text = ref('')
	const getAgreement = () => {
		const { comm } = useCommStore()
		text.value = comm.register_rule
	}
	onLoad(() => {
		getAgreement()
	})
</script>

<style lang="scss" scoped>
.user-agreement {
	width: 100%;
	min-height: 100vh;
	background-color: #fff;
	color: #666666;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	padding: 10px 15px;
	box-sizing: border-box;
}
</style>
